.goods{
	padding: 0;
	margin: 0;
	overflow: hidden;
	// 导航
	.nav{
		position: fixed;
		top: 88rpx;
		/* #ifdef MP-WEIXIN */
		top: 0;
		/* #endif */
		left: 0;
		width: 100%;
		height: 62rpx;
		display: flex;
		justify-content: space-around;
		align-items: center;
		background-color: #354E44;
		color: #FFFFFF;
		padding-top: 14rpx;
		font-size: 30rpx;
		z-index: 999;
		.item{
			display: flex;
			align-items: center;
			border-bottom: 4rpx solid transparent;
			.icons{
				display: flex;
				flex-direction: column;
				margin-left: 6rpx;
				// 清除微信小程序图标无法居中问题
				font-size: 0;
			}
			.red{
				color: #dd524d;
			}
		}
	}
	// 商品列表
	.list{
		margin: 40rpx;
		padding-top: 84rpx;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		.item{
			width: 316rpx;
			background-color: #FFFFFF;
			border-radius: 8rpx;
			margin-bottom: 40rpx;
			.img{
				width: 100%;
				height: 238rpx;
				vertical-align: top;
			}
			.box{
				padding: 36rpx;
				font-size: 26rpx;
				.name{
					color: #3e3e3e;
					line-height: 38rpx;
					margin-top: 8rpx;
					font-weight: 700;
					text-overflow: ellipsis;
					overflow: hidden;
					white-space: nowrap;
				}
				.info{
					margin-top: 20rpx;
					display: flex;
					justify-content: space-between;
				}
			}
		}
		.none{
			width: 100%;
			text-align: center;
			color: rgb(119, 119, 119);
		}
	}
}